/* Custom Stylesheet */
body, html {
      margin: 0;
      -webkit-font-smoothing: antialiased;
      /*background: #68ABAD;*/
      /*text-align: center;*/
  }
  

/* DEMO 4 */
.loader4 {
    margin: 0px auto;
    margin-top: 240px;/*帅修改*/
    position:relative;
    text-align: center;
    border-bottom: 70px solid rgba(255,255,255,0.5);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 20px
  }
  .loader4:before{
    content:'';
    top: -15px;
    left: -28px;
    display:block;
    position:absolute;
    height:70px;
    width:70px;
    border-radius: 50px;
    border: 5px dashed rgba(255,255,255,0.5);
    -webkit-animation:wind .25s linear infinite;
    -moz-animation:wind .25s linear infinite;
  }
  .loader4 i{
    height: 40px;
    width: 5px;
    margin-left: -1.5px;
    display: inline-block;
    position:absolute;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
  }
  .loader4 i:before, .loader4 i:after{
      content:'';
      display:block;
      position:absolute;
      height:inherit;
      width:inherit;
      border-radius: inherit;
      background: white;
  }
  .loader4 i:first-child:before {
    top: -53%;
    -webkit-transform:rotate(-45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform:rotate(-45deg);
    -moz-transform-origin: 100% 100%;
  }
  .loader4 i:first-child:after {
    top: -53%;
    -webkit-transform-origin: 0 100%;
    -webkit-transform:rotate(45deg);
    -moz-transform-origin: 0 100%;
    -moz-transform:rotate(45deg);
  }
  .loader4 i:last-child:before {
    top: 45%;
    -webkit-transform-origin: 100% 0;
    -webkit-transform:rotate(-45deg);
    -moz-transform-origin: 100% 0;
    -moz-transform:rotate(-45deg);
  }
  .loader4 i:last-child:after {
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(45deg);
    top: 45%;
  }
  @-webkit-keyframes spin{
    0%{
      -webkit-transform:rotate(0deg);
    }
    50%{
      -webkit-transform:rotate(-180deg);
    }
    100%{
      -webkit-transform:rotate(-360deg);
    }
  }
  @-webkit-keyframes wind{
    100%{
      -webkit-transform:scale(2);
      border-width: 0;
    }
  }
  @-moz-keyframes spin{
    0%{
      -moz-transform:rotate(0deg);
    }
    50%{
      -moz-transform:rotate(-180deg);
    }
    100%{
      -moz-transform:rotate(-360deg);
    }
  }
  @-moz-keyframes wind{
    100%{
      -moz-transform:scale(2);
      border-width: 0;
    }
  }

